<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>宫廷之家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="../assets/css/ss.css" rel="stylesheet">
    <!-- <link href="../assets/css/round.css" rel="stylesheet">
    <!-- <link href="../assets/css/round.css" rel="stylesheet">
    <link href="../assets/css/si.css" rel="stylesheet"> -->
    <style>

    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
  </head>

  <body>

  <div class="bgs">
    <div class="container">
		<img src="../assets/img/1_02.jpg"/>
        <img src="../assets/img/1_05.jpg"/>
        <img src="../assets/img/1_08.jpg"/>

	</div>
  </div>


	
   



    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>
    <script src="../assets/js/jquery.roundabout-1.0.min.js"></script>
    <script src="../assets/js/jquery.easing.1.3.js"></script>
    <script>
      !function ($) {
        $(function(){
          // carousel demo
          $('#myCarousel').carousel()
        })
      }(window.jQuery)
    </script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.mid-con2 ul').roundabout({
                easing: 'easeOutInCirc',
                duration: 600
            });
        });
    </script>
	<!-- 侧边栏 end -->
	<script type="text/javascript">

(function(){
 jQuery(function(){
	     var d = 0;
    
   
    jQuery(".sidebar li").each(function(e, f) {
		jQuery(this).hover(function(){
			jQuery(this).addClass('hover');
			},function(){
		    jQuery(this).removeClass('hover');
		});
        jQuery(this).click(function() {
            var g = jQuery(this).attr('data-position');
            jQuery(".sidebar li").removeClass("current");
            jQuery(".sidebar li").eq(g).addClass("current");
            jQuery("html, body").animate({
                scrollTop: jQuery(".scpart").eq(g).offset().top - 10
            },
            200)
        })
    });

  })	
})()
</script>

<script>
// 转换为数字 
function intprase(v){
    v = parseInt(v);
    return isNaN(v) ? 0 : v;
}

// 获取元素信息 
function getInfo(e){
    var l = 0;
    var t = 0;
    var w = intprase(e.style.width);
    var h = intprase(e.style.height);
    var wb = e.offsetWidth;
    var hb = e.offsetHeight;
    while (e.offsetParent) {
        l += e.offsetLeft + (e.currentStyle ? intprase(e.currentStyle.borderLeftWidth) : 0);
        t += e.offsetTop + (e.currentStyle ? intprase(e.currentStyle.borderTopWidth) : 0);
        e = e.offsetParent;
    }
    l += e.offsetLeft + (e.currentStyle ? intprase(e.currentStyle.borderLeftWidth) : 0);
    t += e.offsetTop + (e.currentStyle ? intprase(e.currentStyle.borderTopWidth) : 0);
    return {
        x: l,
        y: t,
        w: w,
        h: h,
        wb: wb,
        hb: hb
    };
}

// 获取滚动条信息 
function getScroll(){
    var t, l, w, h;
    if (document.documentElement && document.documentElement.scrollTop) {
        t = document.documentElement.scrollTop;
        l = document.documentElement.scrollLeft;
        w = document.documentElement.scrollWidth;
        h = document.documentElement.scrollHeight;
    }
    else 
        if (document.body) {
            t = document.body.scrollTop;
            l = document.body.scrollLeft;
            w = document.body.scrollWidth;
            h = document.body.scrollHeight;
        }
    return {
        t: t,
        l: l,
        w: w,
        h: h
    };
}

// 锚点(Anchor)间平滑跳转 
function glide(el, duration){
    if (typeof el != 'object') {
        el = document.getElementById(el);
    }
    if (!el) 
        return;
    var z = this;
    z.el = el;
    z.p = getInfo(el);
    z.s = getScroll();
    z.clear = function(){
        window.clearInterval(z.timer);
        z.timer = null
    };
    z.t = (new Date).getTime();
    z.step = function(){
        var t = (new Date).getTime();
        var p = (t - z.t) / duration;
        if (t >= duration + z.t) {
            z.clear();
            window.setTimeout(function(){
                z.scroll(z.p.y, z.p.x)
            }, 13);
        }
        else {
            st = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.y - z.s.t) + z.s.t;
            sl = ((-Math.cos(p * Math.PI) / 2) + 0.5) * (z.p.x - z.s.l) + z.s.l;
            z.scroll(st, sl);
        }
    };
    z.scroll = function(t, l){
        window.scrollTo(l, t)
    };
    z.timer = window.setInterval(function(){
        z.step();
    }, 13);
}

</script>

<script>
$(function(){
	//获得文本框对象
	var t = $("#text_box");	
	//数量增加操作
	$("#add").click(function(){		
		t.val(parseInt(t.val())+1)
		if (parseInt(t.val())!=1){
			$('#min').attr('disabled',false);
		}
		setTotal();
	})	
	//数量减少操作
	$("#min").click(function(){
		t.val(parseInt(t.val())-1);
		if (parseInt(t.val())==1){
			$('#min').attr('disabled',true);
		}
		setTotal();
	})
	//计算操作
	function setTotal(){
		$("#total").html((parseInt(t.val())*3.95).toFixed(2));//toFixed()是保留小数点的函数很实用哦
	}	
	//初始化
	setTotal();
})
</script>
<script type="text/javascript">
        //滚动插件
        (function($) {
            $.fn.extend({
                Scroll: function(opt, callback) {
                    //参数初始化
                    if (!opt) var opt = {};
                    var _this = this.eq(0).find("ul:first");
                    var lineH = _this.find("li:first").height(),
                    //获取行高
                    line = opt.line ? parseInt(opt.line, 10) : parseInt(this.height() / lineH, 10),
                    //每次滚动的行数，默认为一屏，即父容器高度
                    speed = opt.speed ? parseInt(opt.speed, 10) : 500,
                    //卷动速度，数值越大，速度越慢（毫秒）
                    timer = opt.timer ? parseInt(opt.timer, 10) : 3000; //滚动的时间间隔（毫秒）
                    if (line == 0) line = 1;
                    var upHeight = 0 - line * lineH;
                    //滚动函数
                    scrollUp = function() {
                        _this.animate({
                            marginTop: upHeight
                        },
                        speed,
                        function() {
                            for (i = 1; i <= line; i++) {
                                _this.find("li:first").appendTo(_this);
                            }
                            _this.css({
                                marginTop: 0
                            });
                        });
                    }
                    //鼠标事件绑定
                    _this.hover(function() {
                        clearInterval(timerID);
                    },
                    function() {
                        timerID = setInterval("scrollUp()", timer);
                    }).mouseout();
                }
            });
        })(jQuery);

        $(document).ready(function() {
            $("#s2").Scroll({
                line: 20,
                speed: 180,
                timer: 4000
            });
        });
    </script>

    <script src="../assets/js/holder/holder.js"></script>
  </body>
</html>
